/* CSS for RateXBlock */

.rate_block {
    text-align: center;
    max-width: 400px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    padding: 10px
}

.rate_thank_you {
    color: green;
}

.rate_block .rate_header {
    font-weight: bold;
    font-size: large;
}

.rate_block .rate_likert_rating {
    cursor: pointer;
    border-radius:5px;
}

.rate_block .rate_likert_header {
    
}

.rate_block .rate_freeform_input {
    margin-bottom: 1em;
}

.rate_block .rate_freeform_area {
    height:inherit;
}

.rate_block .rate_rating_active {
    color: blue;
    font-weight: bold;
    background-color: blanchedalmond;
}

.rate_block .rate_radio {
    opacity:0;
    width:1px;
    padding:0px;
    margin:0px;
    position:absolute;
}

.rate_block .rate_sr_text{
    opacity:0;
    width:1px;
    height:1px;
    padding:0;
    margin:0;
    position:absolute;
    clip:rect(1px,1px,1px,1px);
    left:-10000px;
    overflow:hidden;
}

.rate_block label{
    display:inline;
}

.rate_block .rate_likert_field {
    border-style:none;
}

.rate_block input[type="radio"]:checked + span{
   background-color:yellow;
   font-weight:bold;
}

.rate_block input[type="radio"]:focus + span{
   border-style:solid;
   border-width: 1px;
   border-color: #999999;
}

.rate_block .rate_submit_feedback {
    width:100%;
}
